<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.css" rel="stylesheet" />
		<link href="../css/iconfont.css" rel="stylesheet" />
    	<link href="../css/zixunxiangqing.css" rel="stylesheet" />
    	<script src="../js/jquery-1.9.1.min.js"></script>
	</head>

	<body>
		<!--  顶部组件      -->
		<header class="mui-bar mui-bar-nav head">
			<a class="mui-action-back">
				<span class="mui-icon mui-icon-arrowleft sp5"></span>
			</a>
		    <h1 class="mui-title">资讯详情</h1>
		    <span class="gouwuche">
		    	<i class="iconfont icon-gouwuche"></i>
		    </span>
		</header>
		<!--  底部导航栏     -->
		<nav id="nav" class="mui-bar mui-bar-tab">
			<div class="nav_all">
				<a><span class="mui-icon iconfont icon-xiaoxi"></span><span class="span5 pinglun"></span></a>
				<a><span class="mui-icon iconfont icon-aixin"></span><span class="span5 dianzan"></span></a>
				<a><span class="mui-icon iconfont icon-fenxiang"></span><span class="span5"></span></a>
			</div>
		</nav>
		
		
		<!--  主题内容组件     -->
		<div id="xiangxi" class="mui-content">
		</div>
		<script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/go.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
		<script>
			mui.plusReady(function(){
				$(function(){
				var self = plus.webview.currentWebview();
    			var id=self.urlid;
                $.ajax({
                    url:'http://www.reliants.cn/mobile/zixun/xiangqing',
                    type:'post',
					data:{id:id},
                    async:true,
                    dataType:'json',
                    success:function(data){
                        var $jsontip = $("#xiangxi");
                        var strHtm2 = "";//存储数据的变量
                        $jsontip.empty();//清空内容
                        $.each(data,function(infoIndex,info){
                            strHtm2 +='<div class="content_title">';
                            strHtm2 +='<h2>'+ info.g_word +'</h2>';
                            strHtm2 +='<a>' + info.g_fubiao + '<span>' + info.g_time + '</span></a>';
                            strHtm2 +='</div>';
                            strHtm2 +='<div class="zixun_img">';
                            strHtm2 +='<img src=' + info.g_src + '>';
                            strHtm2 +='</div>';
                            strHtm2 +='<div class="zixun_wenzhzang">';
                            strHtm2 +='<p>'+ info.g_p1 +'</p>';
                            strHtm2 +='</div>';
							$('.pinglun').html(info.g_pinglun);
                            $('.dianzan').html(info.g_dianzan);
                        })
                        $("#xiangxi").append(strHtm2);
                    },
                    error:function(error){
                        alert(error.responseText)
                    },

                });
			})
			})
			
		</script>
	</body>

</html>
